<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>快速登录</title>
<link rel="stylesheet" type="text/css" href="css/default.css"/>
</head>

<body style="background:none;">

<div class="claym">
	<h3 class="claytit"><a href="#" class="close"></a>快速预定/登录</h3>
	<div class="leftm">
    	<form>
            <h4>非会员快速预订</h4>
            <p class="formp">
                <b>手机号：</b><span><input type="text" class="inptxt" name="tele" /></span>
            </p>
            <p>
            	<input type="button" class="inpbtn1" />
            </p>
            <p class="grey">我们会将您注册为票付通会员，手机号为您的用户名，密码为你手机后6位。</p>
        </form>
    </div>
    <div class="rightm">
    	<form>
            <h4>会员登陆预订</h4>
            <p class="formp">
                <b>账户：</b><span><input type="text" class="inptxt" name="username" /></span>
            </p>
            <p class="formp">
                <b>密码：</b><span><input type="text" class="inptxt" name="password" /></span>
            </p>
            <p>
                <span><input type="button" class="inpbtn2" /></span><a href="#" class="fgpwd">忘记密码？</a>
            </p>
        </form>
    </div>
    <div class="cl"></div>
</div>
<style>
.claym{ width:720px; border:1px solid #A4A3A3; background:#FFF; margin:15px auto; color:#454545;}
.claym h3.claytit{ padding-top:8px; line-height:35px; height:35px; background:#F1F1F1; padding-left:20px; font-size:16px; font-weight:bold; border-bottom:3px solid #33AC69;}
.claym h3.claytit .close{ float:right; height:13px; width:13px; background:url(images/close13.png) no-repeat; display:inline-block; margin:10px 15px 0 0;}
.claym .leftm{ width:49%; float:left; border-right:dashed 1px #9D9D9D; margin:30px 0 40px 0;}
.claym .leftm h4{ padding-left:45px; font-size:15px; line-height:30px;}
.claym .leftm p{ padding-left:45px; line-height:50px;}
.claym p.formp{}
.claym p.formp b{ font-weight:400; width:56px; display:inline-block; text-align:right;}
.inptxt{ height:20px; line-height:20px; width:184px; padding:4px; background:url(images/inptxtbg.png); border:1px solid #B3B8BB;}
.inpbtn1{ width:85px; height:34px; background:url(images/ksydbtn_bg.png) no-repeat; margin:10px 0 10px 101px; border:0; cursor:pointer;}
.inpbtn2{ width:85px; height:34px; background:url(images/dlydbtnbg.png) no-repeat; margin:20px 0 10px 80px; border:0; cursor:pointer;}
.claym .leftm p.grey{ line-height:23px; width:250px; padding-left:70px; color:#797979; margin:4px 0 27px;}
.claym .rightm{ width:49%; float:right; margin:30px 0 40px 0;}
.claym .rightm h4{ padding-left:15px; font-size:15px; line-height:30px;}
.claym .rightm p{ padding-left:15px; line-height:50px;}
.claym .fgpwd{ color:#2A98DA; margin-left:15px; vertical-align:super; vertical-align:22px\0;}
</style>
</body>
</html>
